<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>申报说明</title>
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/tool.css">

    
</head>
<body>
<header>
    <div class="header_conter" id="userInfo">
        <div class="title">
            CAAE基金申报管理系统
        </div>


        <div class="nav_box">
            <ul>
                <li class="active">
                    <a href="./index.html">
                        <img class="icon" src="./img/nav_index_active.png" alt="">
                        <p class="nav_title">首页</p>
                    </a>
                </li>
                <li>
                    <a href="./state.html">
                        <img class="icon" src="./img/nav_jd.png" alt="">
                        <p class="nav_title">项目进度</p>
                    </a>
                </li>
                <li >
                    <a href="./opinion.html">
                        <img class="icon" src="./img/nav_yjfk.png" alt="">
                        <p class="nav_title">意见反馈</p>
                        <span class="chat_num" v-show="num>0" >{{num}}</span>
                    </a>
                </li>
                <li>
                    <a href="./declare.html">
                        <img class="icon" src="./img/nav_sbjl.png" alt="">
                        <p class="nav_title">申报记录</p>
                    </a>
                </li>
            </ul>
        </div>

       
        <div class="user_box">
            <img class="user_tx" src="./img/tx.png" alt="">
            <p>{{userName}}</p>
            <p style="color: blue; cursor:pointer;" @click="loginOut">退出</p>
        </div>

    </div>
</header>



<div class="header_conter">
    <div class="content_box" id="note">
        <div class="mb-3">
            <img src="./img/t_title.png" alt="" style="margin-right: 4px;">
            <span class="title18">申报说明</span>
        </div>

        <div class="m_item radius px-4 mb-5">
            <h2 style="text-align: center;">{{data.toDeclareThatTitle}}</h1>
            <div class="content14" v-html="data.toDeclareThat">
            
            </div>

        </div>

        <!-- <a href="./index.html">  -->
            <div class="apply" @click="apply()"> 申报</div>
        <!-- </a> -->

        
        

    </div>

</div>


<script type="text/javascript" src="./js/vue.js"></script>
<script type="text/javascript" src="./js/axios.min.js"></script>
<script type="text/javascript" src="./js/qs.min.js"></script>
<script type="text/javascript" src="./js/config.js"></script>
<script type="text/javascript" src="./js/info.js"></script>



<script>
    const noteApp = new Vue({
    el: "#note",
    data: {
        data:{
            toDeclareThatTitle:"",
            toDeclareThat:"",
        }
    },

    methods: {
        apply (){
            const query = Qs.parse(location.search.substring(1));
            
            // console.log(query.id);
            // if (query.id == 1) {
                // window.location.href = "./writeTable.html?typeId=" + query.id + "&hidden=1";
                window.location.href = "./pdf.html?typeId=" + query.id + "&hidden=1";
            // }

        }
        
    },
    created:function(){

        var that = this;
        const query = Qs.parse(location.search.substring(1));
        let paras = {
            "loginId":localStorage.getItem("loginId"),
            "id":query.id,
        };
        console.log(paras);
        var that = this;
        let dt = Qs.stringify(paras);
        axios.post(BaseUrl + "client/fund/findFundToDeclareThatById",dt)
        .then(
        function(response) {
            console.log(response)
            if (response.data.code == 200) {
                result = response.data.data[0];
                that.data = result;
                console.log(result);
            }else{
                alert(response.data.massage);
            }

        })
        .catch(function (error) {
            console.log(error);
            alert("服务器错误");
        })




    },
    });



</script>


</body>
</html>